.user{
	// margin-top: 88rpx;
	position: relative;
	.deco{
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		width: 100%;
		height: 280rpx;
		background: linear-gradient( 180deg, #d8f0df 0%, #F4F9F5 100%);
		border-radius: 1rpx;
	}
	.header{
		position: relative;
		z-index: 9;
		padding: 15rpx 24rpx 0 36rpx;
		display: flex;
		align-items: center;
		.left{
			display: flex;
			align-items: center;
			flex: 1;
			.avatar{
				width: 78rpx;
				height: 78rpx;
				border: 4rpx solid #fff;
				border-radius: 50%;
			}
			.names{
				margin-left: 26rpx;
				flex: 1;
				.name{
					font-family: PingFangSC, PingFang SC;
					font-weight: 500;
					font-size: 38rpx;
					color: #000000;
					line-height: 53rpx;
				}
				.level{
					
					image{
						width: 20rpx;
						height: 20rpx;
						margin-right: 8rpx;
					}
					padding: 3rpx 14rpx;
					background: #1B2F4B;
					border-radius: 16rpx;
					display: inline-flex;
					align-items: center;
					justify-content: center;
					font-family: PingFangSC, PingFang SC;
					font-weight: 500;
					font-size: 18rpx;
					color: #FDE5B6;
				}
			}
		}
		
		.home{
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			font-size: 24rpx;
			color: #A3A9B9;
			line-height: 33rpx;
			text-align: left;
			font-style: normal;
			display: flex;
			align-items: center;
			justify-content: center;
			.icon{
				margin-right: 5rpx;
			}
		}
	}
	
	.navs{
		position: relative;
		z-index: 9;
		padding: 0 25rpx 0 22rpx;
		margin: 24rpx;
		height: 223rpx;
		background: linear-gradient( 270deg, #FFFDFC 0%, #FEFBF0 100%);
		border-radius: 16rpx;
		
		
		display: flex;
		align-items: center;
		justify-content: space-between;
		.left{
			.top{
				display: flex;
				align-items: center;
				.logo{
					display: flex;
					align-items: center;
					.img1{
						width: 36rpx;
						height: 36rpx;
					}
					text{
						font-family: PingFangSC, PingFang SC;
						font-weight: 600;
						font-size: 32rpx;
						color: #78541A;
						line-height: 45rpx;
						padding: 0 4rpx;
					}
					.img2{
						width: 46rpx;
						height: 26rpx;
					}
				}
				
			}
			.desc{
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 24rpx;
				color: #71451F;
				line-height: 33rpx;
				padding: 17rpx 0 24rpx 0;
			}
			.bot{
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 24rpx;
				color: #9A6E51;
				margin-top: 8rpx;
				text{
					font-family: PingFangSC, PingFang SC;
					font-weight: 500;
					font-size: 32rpx;
					color: #71451F;
					letter-spacing: 5px;
				}
			}
		}
		.btn{
			font-family: PingFangSC, PingFang SC;
			font-weight: 600;
			font-size: 24rpx;
			color: #8C5B1B;
			line-height: 33rpx;

			width: 147rpx;
			height: 52rpx;
			background: #FDE5B6;
			border-radius: 16rpx;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
	
	
}

.cacu{
	margin-bottom:40rpx;
	.item{
		padding: 0 37rpx;
		margin-bottom: 22rpx;
		display: flex;
		align-items: center;
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #333333;
		line-height: 40rpx;
		image{
			width: 74rpx;
			height: 74rpx;
			margin-right: 24rpx;
		}
	}
}
.btns{
	position: fixed;
	left: 24rpx;
	right: 24rpx;
	bottom:80rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	// margin: 20rpx auto;
	// width: 694rpx;
	height: 104rpx;
	background: #00B9A7;
	border-radius: 52rpx;
	font-family: PingFangSC, PingFang SC;
	font-weight: 600;
	font-size: 36rpx;
	color: #FFFFFF;
	.btn{
		width: 100%;
	}
	/deep/ .u-size-default{
		border-radius: 52rpx !important;
		height: 104rpx !important;
		line-height: 104rpx !important;
		font-family: PingFangSC, PingFang SC !important;
		font-weight: 600 !important;
		font-size: 36rpx !important;
	}
}

	
	